import React from 'react'
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import Tupian1 from '../tupian/Tupian1';
import Tupian2 from '../tupian/Tupian2';
import Tupian3 from '../tupian/Tupian3';
function Wrok5() {
  const items: TabsProps['items'] = [
  {
    key: '1',
    label: '推荐图片',
    children: <Tupian1></Tupian1>,
  },
  {
    key: '2',
    label: '我的收藏',
    children: <Tupian2></Tupian2>,
  },
  {
    key: '3',
    label: '我的购买',
    children: <Tupian3></Tupian3>,
  },
];
const onChange = (key: string) => {
  console.log(key);
};
  return (
    <div>
      <div>
        <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
      </div>
        
    </div>
  )
}

export default Wrok5
